<!DOCTYPE html>
<html lang="en">

<head>
    <title>Hello World</title>
</head>

<body>
    <div id="root"></div>
    <script src="./sdk/react.development.js"></script>
    <script src="./sdk/react-dom.development.js"></script>
    <script>
        class HelloComponent extends React.Component {
            render() {
                return React.createElement('ul', null,
                    React.createElement('li', { className: 'form-group' },
                        React.createElement('a', { href: 'https://www.baidu.com' }, '百度一下'),
                    ),
                    React.createElement('li', { className: 'form-group' },
                        React.createElement('span', null, '这是一句话'),
                    ),
                    React.createElement('li', { className: 'form-group' },
                        React.createElement('a', { href: 'https://www.taobao.com' }, '去淘宝'),
                    ),
                );
            }
        }
        ReactDOM.render(
            React.createElement(HelloComponent),
            document.getElementById('root')
        );
    </script>
</body>

</html>